<template>
	<div class="button-box">
		<div class="bbx">
            <save-button class="save"></save-button>
            <cancel-button></cancel-button>
        </div>
	</div>
</template>

<script>
import SaveButton from "../BlueButton";
import CancelButton from "../GrayButton";
export default {
  	props: {
		text: {
			type: String,
			default: "保存"
		}
	},
  	data () {
    	return {
			msg: '这是测试首页'
		}
	},
	components: {
        SaveButton,
        CancelButton
	},
	created () {
		console.log(this.$store);
	},
	mounted () {

	}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.bbx {
    height: 56px;
    display: flex;
    background: #f9f9f9;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #ddd;
}
.bbx .save {
    margin-right: 12px;
}
</style>
